<template>
  <div class="magTop">
    <el-row :gutter="20">
      <el-col :span="12" :offset="6">
        <el-pagination background @current-change="handleCurrentChange"
          :page-size="pageSize" :page="page" :pageCount="pageCount" :total="total"
          layout="total, prev, pager, next" >
        </el-pagination>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  props: ["page", "pageSize", "total","pageCount"],
  methods: {
    handleCurrentChange(page) {
      console.log(page);
      this.$emit("pageChange", page);
    },
  },
};
</script>

<style  scoped>
div {
  margin-top: 10px;
}
</style>